@charset "UTF-8";

* {
	font-family: 'arial, helvetica, sans-serif', '宋体';
	padding: 0;
	margin: 0;
	outline: none;
	color: black;
	border: none;
	list-style: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

#wrap {
	width: 1600px;
	height: 5200px;
	margin: 0 auto;
}

.top {
	width: 1600px;
	height: 40px;
	font-size: 16px;
	background-color: #0067b8;
	text-align: center;
	line-height: 40px;
	color: #ffffff;
}

#nav {
	position: sticky;
	top: 0;
	width: 1600px;
	height: 56px;
	display: flex;
	align-items: center;
	background-color: #ffffff;
	z-index: 2;
}

#nav img {
	display: block;
	width: 108px;
	height: 23px;
	line-height: 56px;
	margin-left: 10px;
}

#nav-side {
	width: 776px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-left: 30px;
	font-size: 12px;
	color: #000000;
}

#nav-side li {
	height: 56px;
	line-height: 56px;
	cursor: pointer;
}

#nav-side li span {
	display: inline-block;
	transform: rotate(-90deg);
}

#nav-side li:nth-of-type(1) {
	font-size: 20px;
}

#nav-side li:nth-of-type(1) a {
	font-weight: 900;
}

#nav-side li:nth-of-type(1)::before {
	content: '|';
	width: 1px;
	height: 56px;
	font-weight: 900;
	margin-right: 30px;
}

#nav-side li:nth-of-type(2) {
	position: relative;
}

#nav-side li:nth-of-type(2) a {
	width: 30px;
	height: 30px;
}

#nav-side li:nth-of-type(2) a::before {
	content: '';
	background: url(../img/new.png) no-repeat;
	background-size: 100%;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 2px;
	left: 22px;
}

#nav-side li:nth-of-type(2) .erji {
	position: absolute;
	width: 232px;
	height: 230px;
	border: 1px solid black;
	display: none;
	font-size: 14px;
	left: -10px;
	background-color: #ffffff;
}

#nav-side li:nth-of-type(2) .erji li {
	width: 202px;
	height: 46px;
	line-height: 46px;
	padding-left: 30px;
	flex: 1;
	align-self: center;
}

#nav-side li:nth-of-type(2) .erji li:nth-child(1) {
	font-size: 14px;
}

#nav-side li:nth-of-type(2) .erji li::before {
	content: '';
	margin: 0;
}

#nav-side li:nth-of-type(2) .erji li:hover {
	background-color: rgba(16, 16, 16, 0.2);
}

#nav-side li:nth-of-type(2):hover .erji {
	display: block;
}

#nav-side li:nth-child(3) {
	position: relative;
}

#nav-side li:nth-child(3) .subnav {
	display: none;
	position: absolute;
	border: 1px solid black;
	width: 234px;
	height: 329px;
	font-size: 14px;
	background-color: #ffffff;
}

#nav-side li:nth-child(3) .subnav li {
	padding-left: 20px;
	cursor: pointer;
	width: 214px;
	height: 47px;
	line-height: 47px;
}

#nav-side li:nth-child(3) .subnav li:nth-child(1) {
	font-size: 14px;
}

#nav-side li:nth-child(3) .subnav li::before {
	content: '';
	margin: 0;
}

#nav-side li:nth-child(3) .subnav li:hover {
	background-color: rgba(16, 16, 16, 0.2);
}

#nav-side li:nth-child(3):hover .subnav {
	display: block;
}

#nav-side li:nth-of-type(4) a {
	width: 30px;
	height: 30px;
}

#nav-side li:nth-of-type(4) a::before {
	content: '';
	background: url(../img/new.png) no-repeat;
	background-size: 100%;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 2px;
	left: 498px;
}

#nav-right {
	width: 210px;
	height: 56px;
	margin-left: 474px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.search {
	position: relative;
	width: 57px;
	height: 56px;
	line-height: 56px;
	font-size: 14px;
}

.search .icon-sousuo {
	display: inline-block;
	font-size: 16px;
	transform: scaleX(-1);
}

.search:hover .ipt {
	display: block;
}

.ipt {
	cursor: pointer;
	width: 1360px;
	height: 40px;
	display: flex;
	align-items: center;
	position: absolute;
	right: -89px;
	top: 6px;
	display: none;
}

.ipt input {
	width: 1310px;
	height: 40px;
	font-size: 38px;
	padding-left: 20px;
	border: 1px solid black;
}

.shop {
	width: 18px;
	height: 33px;
	font-size: 24px;
}

#login {
	position: relative;
	width: 56px;
	height: 56px;
	font-size: 14px;
	display: flex;
	align-items: center;
}

#login:hover #login-nav {
	display: block;
}

.icon-user-1 {
	font-size: 22px;
}

#login-nav {
	display: none;
	width: 252px;
	height: 294px;
	position: absolute;
	background-color: #ffffff;
	border: 1px solid rgba(210, 210, 210, 0.5);
	top: 50px;
	left: -197px;
}

#login-nav img {
	width: 80px;
	height: 17px;
	display: inline-block;
	margin-top: 12px;
	margin-left: 37px;
}

#login-nav button {
	cursor: pointer;
	width: 196px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #ffffff;
	background-color: #0067b8;
	margin-top: 12px;
	margin-left: 37px;
}

.login-list {
	width: 192px;
	margin-left: 37px;
	font-size: 14px;
}

.login-list li {
	cursor: pointer;
	width: 192px;
	height: 40px;
	color: #4a93cd;
}

.login-list li:nth-child(1) {
	font-size: 14px;
}

.login-list li:nth-child(1)::before {
	content: '';
	margin: 0;
}

.swiper1 .swiper-container {
	width: 1600px;
	height: 490px;
	margin-top: 66px;
}

.swiper1 .swiper-slide img {
	width: 1600px;
	height: 490px;
}

#main {
	width: 1600px;
	height: 4479px;
	margin-top: 60px;
}

.sever-top {
	width: 1600px;
	height: 68px;
}

.service {
	width: 910px;
	height: 68px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.service li {
	cursor: pointer;
	color: #007fd1;
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
}

.service li i {
	font-size: 24px;
	color: #007fd1;
}

#content {
	width: 1600px;
	height: 4360px;
}

.content1 {
	width: 1600px;
	height: 360px;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	justify-content: space-between;
}

.content1 dl {
	width: 385px;
	height: 360px;
}

.content1 dl dt {
	width: 385px;
	height: 215px;
}

.content1 dl dt img {
	width: 385px;
	height: 215px;
}

.content1 dl dd {
	margin-top: 12px;
	width: 385px;
	height: 134px;
}

.content1 dl dd span {
	width: 59px;
	height: 28px;
	line-height: 28px;
	display: inline-block;
	background-color: #fcba02;
	font-size: 14px;
	text-align: center;
}

.content1 dl dd p {
	width: 385px;
	line-height: 24px;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 20px;
}

.content1 dl dd a {
	color: #52b4ed;
	font-weight: bold;
}

.content2 {
	width: 1600px;
	height: 420px;
	margin-top: 66px;
}

.content2 h1 {
	font-size: 26px;
	font-weight: bold;
}

.column1 {
	width: 1600px;
	height: 358px;
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	justify-content: space-between;
}

.column1 dl {
	width: 258px;
	height: 358px;
	float: left !important;
}

.column1 dl dt {
	width: 258px;
	height: 160px;
}

.column1 dl dt img {
	width: 258px;
	height: 160px;
}

.column1 dl dd {
	margin-top: 14px;
	width: 258px;
	height: 178px;
}

.column1 dl dd .dz {
	width: 85px;
	height: 30px;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	display: inline-block;
	background-color: #fcba02;
}

.column1 dl dd .js {
	width: 258px;
	height: 34px;
	font-size: 14px;
}

.column1 dl dd .js h2 {
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
}

.column1 dl dd .column1-font {
	width: 150px;
	height: 40px;
	margin-top: 40px;
	display: flex;
	flex-direction: column;
}

.column1 dl dd .column1-font span {
	font-size: 12px;
}

.column1 dl dd .column1-font span i {
	font-weight: bold;
}

.column1 dl dd .column1-font a {
	color: #52b4ed;
	font-size: 18px;
}

.content3 {
	width: 1600px;
	height: 622px;
	margin-bottom: 64px;
}

.content3 h1 {
	font-size: 26px;
	font-weight: bold;
}

.column2 {
	margin-top: 30px;
	width: 1600px;
	height: 516px;
	background-color: #f2f2f2;
	padding-top: 44px;
}

.column2-content {
	width: 1600px;
	height: 470px;
	display: flex;
	justify-content: space-evenly;
}

.column2-content dl {
	width: 350px;
	height: 469px;
	background-color: #ffffff;
}

.column2-content dl dt {
	width: 350px;
	height: 238px;
}

.column2-content dl .column2-top {
	width: 293px;
	height: 104px;
	margin: 0 auto;
}

.column2-content dl .column2-top .newshop {
	width: 293px;
	height: 28px;
}

.column2-content dl .column2-top .newshop span {
	padding: 0 8px;
	height: 28px;
	font-size: 16px;
	text-align: center;
	line-height: 28px;
	background-color: #fcba02;
	display: inline-block;
}

.column2-content dl .column2-top h2 {
	font-size: 18px;
	font-weight: bolder;
}

.column2-content dl .column2-top p {
	margin-top: 12px;
	font-size: 18px;
}

.column2-content dl .column2-font {
	margin-top: 40px;
	width: 320px;
	height: 50px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-left: 30px;
}

.column2-content dl .column2-font p {
	font-size: 16px;
	font-weight: bold;
}

.column2-content dl .column2-font a {
	font-size: 16px;
	color: #0067b8;
}

.column2-service {
	width: 308px;
	height: 469px;
}

.column2-service .column2-service-img {
	width: 308px;
	height: 300px;
}

.column2-service .column2-service-img img {
	width: 308px;
	height: 300px;
}

.column2-service p {
	font-size: 18px;
	font-weight: bold;
}

.column2-service a {
	margin-top: 50px;
	width: 118px;
	height: 40px;
	line-height: 40px;
	background-color: #0067b8;
	font-size: 14px;
	display: inline-block;
	text-align: center;
	color: #ffffff;
}

.content6 {
	width: 1600px;
	height: 570px;
}

.content6 h1 {
	font-size: 28px;
	font-weight: 900;
}

#column3-content {
	margin-top: 36px;
	width: 1600px;
	height: 410px;
	background-color: #f2f2f2;
	display: flex;
	align-items: center;
}

#column3-content .swiper-container {
	width: 100%;
	height: 350px;
	padding: 90px 0;
	margin-left: auto;
	margin-right: auto;
}

#column3-content .swiper-slide {
	text-align: center;
	font-size: 18px;
	border: #fff;
	height: 350px;
}

#column3-content .swiper-slide img {
	height: 350px;
}

.content8 {
	width: 1600px;
	height: 182px;
}

.content8 h1 {
	font-size: 28px;
	font-weight: bold;
}

.column8-content {
	width: 1600px;
	height: 152px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.column8-content ul {
	width: 1415px;
	height: 76px;
	display: flex;
	justify-content: space-between;
}

.column8-content ul li {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	font-size: 16px;
}

.column8-content ul li i {
	font-size: 26px;
}

#font {
	width: 100%;
	height: 989px;
	background-color: #f2f2f2;
}

.font-content {
	width: 1611px;
	height: 989px;
	margin: 0 auto;
}

.font-top {
	width: 1611px;
	height: 72px;
}

.font-top span {
	font-size: 17px;
}

.font-top input {
	width: 367px;
	height: 40px;
	border: 1px solid black;
	font-size: 19px;
}

.font-top input::placeholder {
	color: #757575;
}

.font-top .btn {
	margin-left: 16px;
	cursor: pointer;
	width: 115px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #0067b8;
	color: #ffffff;
	border-radius: 5px;
}

.font-top a {
	color: #0098d4;
	font-size: 16px;
	margin-left: 36px;
}

#font-text {
	width: 1611px;
	height: 784px;
	border-top: 1px solid #d8d8d8;
	display: flex;
	justify-content: space-between;
}

#product {
	width: 105px;
	height: 548px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#product h1 {
	font-weight: 900;
	font-size: 20px;
}

#product ul {
	width: 120px;
	height: 420px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size: 16px;
}

.account {
	width: 104px;
	height: 212px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.account h1 {
	font-size: 20px;
	font-weight: 900;
}

.account ul {
	width: 104px;
	height: 170px;
	font-size: 14px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.direction {
	width: 114px;
	height: 406px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.direction h1 {
	font-size: 20px;
	font-weight: 900;
}

.direction ul {
	width: 114px;
	height: 361px;
	font-size: 14px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.hot {
	width: 125px;
	height: 758px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.hot h1 {
	font-size: 20px;
	font-weight: 900;
}

.hot ul {
	width: 125px;
	height: 720px;
	display: flex;
	font-size: 14px;
	flex-direction: column;
	justify-content: space-between;
}

.about {
	width: 100px;
	height: 210px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.about h1 {
	font-size: 20px;
	font-weight: 900;
}

.about ul {
	width: 74px;
	height: 168px;
	display: flex;
	font-size: 14px;
	flex-direction: column;
	justify-content: space-between;
}

.pay {
	width: 131px;
	height: 339px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.pay h1 {
	font-size: 20px;
	font-weight: 900;
}

.pay ul {
	width: 131px;
	height: 279px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.pay ul li:nth-of-type(2) {
	font-size: 30px;
}

.pay ul li:last-of-type {
	width: 131px;
	height: 128px;
}

.pay ul li:last-of-type img {
	width: 131px;
	height: 128px;
}

.font-bottom {
	margin-top: 65px;
	width: 1611px;
	height: 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.font-bottom span {
	width: 146px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
}

.font-bottom span i {
	font-size: 24px;
}

.font-bottom p {
	font-size: 16px;
}
